<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-href="main"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
        <!--<a style="float: right;margin-right: 12%;margin-top: -10px;" -->
			<!--has-permission permission='funScenes.route.add'	ui-sref="main.funScenes.route.create" class="btn btn-sm btn-info">-->
			<!--<i class="icon-tag m-r-sm text-md"></i>添加路线</a>-->
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">
            <!-- 头部 -->
            <div class="panel-body">
				<form ng-submit="search()" class="form-horizontal">
                   	<div class="form-group">
                   		
                   		<div class="col-sm-2">
                           	<input type="text" class="form-control" placeholder="请输入手机号码" ng-model="param.leaderMobile">
                       	</div>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" placeholder="请输入队名" ng-model="param.teamName">
                        </div>
                       	
                       	<div class="col-md-6">
                            <label class="col-sm-2"><button class="ifc-btn btn-primary" type="submit">查 询</button></label>
                            <label class="col-sm-2"><button class="ifc-btn btn-dark" type="button" ng-click="clearSearch()">重  置</button></label>
                        </div>
                   	</div>
				</form>
            </div>

            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>所属活动</th>
                        <th>所属路线</th>
                        <th>队名</th>
                        <th>队长手机</th>
                        <th>队长姓名</th>
                        <th>证件类型</th>
						<th>证件号码</th>
						<th>性别</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in pageInfo.records">
                        <td class="v-middle">{{$index + 1}}</td>
                        <td class="v-middle">{{item.activityName}}</td>
                        <td class="v-middle">{{item.routeName}}</td>
                        <td class="v-middle">{{item.teamName}}</td>
                        <td class="v-middle">{{item.leaderMobile}}</td>
                        <td class="v-middle">{{item.leaderName}}</td>
                        <td class="v-middle">
                            <span ng-if="item.leaderIdentityType==1">身份证</span>
                            <span ng-if="item.leaderIdentityType==2">护照</span>
                        </td>
                        <td class="v-middle">{{item.leaderIdentityNo}}</td>
                        <td class="v-middle">
                            <span ng-if="item.leaderSex=='M'">男</span>
                            <span ng-if="item.leaderSex=='F'">女</span>
                        </td>

                        <td class="v-middle" >
                            <button type="button" ng-click="teamPeopleList({id: item.id})" class="btn btn-sm btn-primary">
                                查看队员</button>
                         	<!--<a ui-sref="main.funScenes.route.teamPeopleList({id: item.id})" class="btn btn-sm btn-default">-->
                                 <!--<i class="fa fa-edit m-r-xs text-sm"></i>查看组员</a>-->
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div><!-- /.table-responsive -->
            <!-- 底部分页 -->
			<span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->
</div><!-- /.wrapper-md -->
<div class="modal fade bs-example-modal-lg" tabindex="2" data-backdrop="static" id="teamPeopleList" role="dialog" aria-labelledby="gridSystemModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="gridSystemModalLabel">队员列表</h4>
            </div>

            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>队员手机</th>
                        <th>队员姓名</th>
                        <th>证件类型</th>
                        <th>证件号码</th>
                        <th>性别</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in peopleList">
                        <td class="v-middle">{{$index + 1}}</td>
                        <td class="v-middle">{{item.mobile}}</td>
                        <td class="v-middle">{{item.name}}</td>
                        <td class="v-middle">
                            <span ng-if="item.identityType==1">身份证</span>
                            <span ng-if="item.identityType==2">护照</span>
                        </td>
                        <td class="v-middle">{{item.identityNo}}</td>
                        <td class="v-middle">
                            <span ng-if="item.sex=='M'">男</span>
                            <span ng-if="item.sex=='F'">女</span>
                        </td>
                    </tr>

                    </tbody>
                </table>
                <!-- 无数据提醒 -->
                <div ng-hide="count" class="m-md alert alert-warning text-center text-lg">暂无数据</div>
            </div><!-- /.table-responsive -->
            <!-- 底部分页 -->
            <!--<span data-ng-include=" 'src/tpl/pageInfo.html' "></span>-->
        </div><!-- /.panel -->
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
